<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0,viewport-fit=cover"
    />

    <title>一拍录</title>
    <!--标准mui.css-->
    <link rel="stylesheet" href="../css/mui.min.css" />
    <script src="../js/mui.min.js"></script>
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="../css/app.css" />
    <script src="../js/flexible.js"></script>
    <script src="../js/vue.js"></script>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/sm2.js"></script>
    <script src="../js/sm3.js"></script>
    <script src="../wx/uap.js"></script>
    <script src="../js/vconsole.min.js"></script>
    <script src="../common/text.js"></script>
    <style>
      .hanker {
        height: 100%;
        width: 100%;
        display: block;
        z-index: 1;
      }

      .retMask {
        display: flex;
        flex-direction: column;
        top: 0;
        left: 0;
        z-index: 20001;
        width: 100%;
        height: 100%;
        background: white;
      }

      .retMask .header {
        height: 1rem;
      }

      .retMask .header img {
        margin-top: 0.2rem;
        width: 4rem;
        padding-left: 0.3rem;
      }

      .retMask .content {
        width: 100%;
        position: relative;
        text-align: center;
      }

      .retMask .content img {
        margin-top: 1.5rem;
        height: 3rem;
      }

      .retMask .content .izhus {
        margin-top: 0.2rem;
        font-size: 0.6rem;
        font-weight: bold;
        color: black;
      }

      .retMask .showP {
        position: absolute;
        left: 0.5rem;
        bottom: 0.5rem;
        animation: blink 2s linear infinite;
        -webkit-animation: blink 2s linear infinite;
        -moz-animation: blink 2s linear infinite;
        -ms-animation: blink 2s linear infinite;
        -o-animation: blink 2s linear infinite;
      }

      @keyframes blink {
        0% {
          color: rgb(68, 67, 67);
        }

        50% {
          color: transparent;
        }

        100% {
          color: rgb(68, 67, 67);
        }
      }

      .mui-card {
        background-color: antiquewhite;
        position: absolute;
        top: 2.5rem;
        left: 50%;
        transform: translate(-50%, 0);
        height: 8rem;
        width: 70%;
        margin: 0 auto;
        text-align: justify;
        padding: 0.5rem;
      }

      .mui-card .sm {
        font-size: 0.35rem;
        line-height: 2;
        color: #333;
      }

      .mui-btn {
        position: absolute;
        bottom: 0;
        margin-bottom: 1rem;
      }

      .line {
        width: 97%;
        border-top: 1px solid #8a9dbe;
      }

      .sm {
        padding: 0.2rem 0.4rem;
        margin-top: 2rem;
      }

      .sm .gardenLeft {
        width: 0.1rem;
        height: 0.1rem;
        border-radius: 50%;
        background-color: #8a9dbe;
      }

      .sm .title {
        padding-top: 0.2rem;
        font-size: 0.3rem;
        line-height: 1.5;
        text-indent: 2em;
        color: #8a9dbe;
        text-align: justify;
      }

      .cancel {
        padding: 0.2rem 1rem;
        background: #ecf3ff;
        border-radius: 48px;
        color: #0e7677;
      }

      .determine {
        padding: 0.2rem 1rem;
        background: #0e7677;
        border-radius: 48px;
        color: #ecf3ff;
      }

      .buttonList {
        width: 100%;
        padding: 1.5rem 0.5rem 0rem;
      }

      .wecolme {
        font-size: 0.35rem;
        color: #8a9dbe;
        margin: 0.3rem 0;
        font-weight: bold;
      }
    </style>
  </head>

  <body>
    <div id="app" v-cloak>
      <div class="hanker" ref="hankerRef">
        <div class="retMask">
          <div class="content">
            <img src="../image/AIHome.jpg" alt="" />
            <p class="wecolme">欢迎使用</p>
            <p class="izhus">一拍录</p>
            <div class="sm uldisplay1">
              <p class="gardenLeft"></p>
              <p class="line"></p>
              <p class="gardenLeft"></p>
              <!-- <p class="title">
                请严格遵守国家电网公司保密管理规定，严禁在涉密会议使用语音识别能力，点击“同意”表示您同意上述内容。
              </p> -->
              <div class="uldisplay1 buttonList">
                <p class="cancel" @click="go">取消</p>
                <p class="determine" @click=" ">同意</p>
              </div>
            </div>
          </div>
          <!-- <p class="showP">正在登录中...</p> -->
        </div>
      </div>
    </div>
    <script>
      new Vue({
        el: "#app",
        data() {
          return {
            str: "",
            idx: 0,
          };
        },
        created() {
          createISCPLink("2021128");
        },
        methods: {
          // 同意
          determine() {
            // $(location).attr("href", "Home.html");
            var str = securityAgreement(4, 2, "同意", 0);
            if (str.successful) {
              $(location).attr("href", "Home.html");
            } else {
              mui.toast("请求失败", { duration: "long", type: "div" });
            }
          },
          go() {
            // iscp 断开链接
            if (!isFlag) {
              closeIscp();
            }

            IscLogout();
            wx.closeWindow();
          },
        },
      });
    </script>
  </body>
</html>
